﻿@Family: 微软雅黑;
@Center: center;
@Left: left;
@Right: right;
@Gray: #D4DBE5;
@White: #ffffff;
@Green: #B2FF8B;
@Black: #000000;
@Purple: #6142CD;
@Blue: #6D78C1;
@DarkBlue: rgb(4,71,124);
@ShadowColor: @Gray;

*
{
    margin: 0;
    padding: 0;
    font: 12px @Family;
}

body
{
    background: white fixed no-repeat;
    font-weight: bold;
    color: black;
}

img
{
    margin: 0;
    padding: 0;
    
}

h1
{
    font-size: 2em;
}

h2
{
    font-size: 1.75em;
}

h3
{
    font-size: 1.4em;
}

h4
{
    font-size: 1em;
}

h5, h6
{
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active
    {
        padding: 0;
        text-decoration: none;
    }

div#logo
{
    width: 100%;
    background-image: url(../images/njrqlbg.jpg);
    background-repeat: repeat-x;

    #lcontent
    {
        width: 63.4%;
        text-align: left;
           img
            {
                border: 0;
                height: 108px;
            }

            img, p
            {
                float: left;
            }

            p
            {
                color: #999999;
                text-align: left;
                font-size: 0.85em;

                span
                {
                    font-size: 1.5em;
                }
            }
    }
}

#advinfo, #altStr
{
    .MarginTop(10px);
}

#queryBox
{
    width: 100%;
    color: #333333;
    position: relative;
    z-index: 0;
    /*height: 49.5em;*/
    #title
    {
        background-image: url(../images/njrqdh.jpg);
        background-position: center center;
        background-size: 107.166em; //1286px;
        height: 3em;
        z-index: 9999;

        #tContent
        {
            width: 51em;
            text-align: left;
            position: relative;

            a
            {
                position: absolute;
                top: 0.833em;
                color: #121111;
                text-decoration: none;
                font-weight: 800;
                width: 5.5em;
                text-align: center;
            }

                a:hover
                {
                    padding: 2px 0;
                    background-color: #E60013;
                    color: white;
                    border-radius: 3px;
                }
        }
    }

    #content
    {
        position: relative;
        .BorderRadius(3px);
        margin-top: 0.75em;
        width: 80em;
        height: 98%;
        background-color: rgba(255,255,255,0.7);

        div#qblist
        {
            margin-bottom:18em;
            position: relative;
            width: 37.2%;
            z-index: 99999;
            /*background-color:blue;*/
            #qtit
            {
                font-weight: 800;
                margin-top: 4em;
                float: left;
            }

            #fwm
            {
                font-size: 2.5em;
                width: 9em;
            }

            p
            {
                .FontAlign(@Left);
                .MarginTop(10px);
            }

            #strCount
            {
                position:absolute;
                right:-10%;
                top: 34%;
                color: #007ACC;
                font-size: 3em;
                font-weight: 800;
            }
        }

        #btnSub
        {
            float: right;
            margin-top: 1.4em;
            margin-right: 1em;
        }

        #yzmBox
        {
            float: left;
            margin-left: 1em;
            text-align: left;
            /*background:@Black;*/
            #txtYzm, #imgYzm
            {
                float: left;
            }

            #txtYzm
            {
                font-weight: 800;
                font-size: 2.05em;
                padding: 0 10px;
                width: 2.5em;
                font-family: @Family;
            }
        }

        #retnStr
        {
            border: #3d3d3d;
            line-height: 2em;
            .MarginTop(20px);
            .Width(90%);
            background-color: @White;
            text-align: left;
            text-indent: 2em;
            color: red;
            .BorderRadius;
            .BoxShadow;
        }


        #imgTag
        {
            position: absolute;
            top: 4em;
            left: 2.5em;
            display:none;
        }
    }

    #bgBox
    {
        border-bottom: 2em solid black;
        border-top: 1px solid #949293;
        display: none;
        position: absolute;
        top: 3.666em;
        z-index: -9999;
        background-image: url(../images/njrqbg.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100%;
        height: 100%;
        width: 100%;
    }
}

#advinfo
{
    border: 1px dashed rgba(33,33,33,0.3);
    padding: 0.8em;
    width: 90%;
    .FontAlign(@Left);
    font-size: 1em;
    color: #333333;
    /*background-color: @White;*/
    /*text-indent:2em;*/
    line-height: 1.8em;
    .BorderRadius(5px);
}

    #advinfo:first-letter
    {
        font-style: italic;
        font-size: 250%;
    }
/*宽高*/
.Width(@w: 100%)
{
    width: @w;
}

/*位置*/
.MarginTop(@px: 5px)
{
    margin-top: @px;
}

/*文字*/
/*文字排版*/
.FontAlign(@agn: @Center)
{
    text-align: @agn;
}
/*文字颜色*/
.FontGray
{
    color: @Gray;
}

.FontWhite
{
    color: @White;
}

/*背景*/
/*背景颜色*/
//background-image: -moz-linear-gradient(top, #8fa1ff, #3757fa); /* Firefox */
//background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff4f02), color-stop(1, #8f2c00)); /* Saf4+, Chrome */
//filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6ff00', endColorstr='#538300', GradientType='0'); /* IE*/
.Filter(@staColor: #0000AE,@endColor: #000025)
{
    background-image: -moz-linear-gradient(top, @staColor, @endColor); /* Firefox */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, @staColor), color-stop(1, @endColor)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@staColor', endColorstr='@endColor', GradientType='0'); /* IE*/
}

.BackgroundGreen
{
    background-color: @Green;
}
/*线*/
.border(@bcolor: @Black)
{
    border: 1px solid @bcolor;
}

/*自定义样式*/
.BoxShadow(@cw: 3px)
{
    -webkit-box-shadow: 1px 1px @cw @ShadowColor;
    -moz-box-shadow: 1px 1px @cw @ShadowColor;
    -ms-box-shadow: 1px 1px @cw @ShadowColor;
    -o-box-shadow: 1px 1px @cw @ShadowColor;
    box-shadow: 1px 1px @cw @ShadowColor;
}

.BorderRadius(@px: 3px)
{
    -webkit-border-radius: @px;
    -moz-border-radius: @px;
    -ms-border-radius: @px;
    -o-border-radius: @px;
    border-radius: @px;
}

.TextBox, .Button
{
    font-family: @Family;
    padding: 6px 11px;
    .BorderRadius;
}

.TextBox
{
    .border(@Gray);
}

.Button
{
    border: 1px solid #FD3F1B;
    font-weight: 800;
    border: 0;
    color: @White;
    padding: 9px 28px;
    background-color: #EB3D29;
    /*.Filter(#FD3F1B,#FF8270);*/
    .BoxShadow;
}

    .Button:hover
    {
        background-color: #E60013;
        /*.Filter(#FF8270,#FD3F1B);*/
    }

.Clear
{
    clear: both;
}
